<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>商品列表</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.js"></script>
</head>
<body>
<p>Hello</p>


<table cellpadding="0" cellspacing="0" border="1" width="700px">
  <thead>
  <tr>
    <th>商品名称</th>
    <th>图片</th>
    <th>原价</th>
    <th>秒杀价</th>
    <th>库存数量</th>
    <th>商品描述</th>
  </tr>
  </thead>
  <tbody>
  <tr th:each="goods,goodsStat : ${goodsList}">
    <td th:text="${goods.name}"></td>
    <td th:text="${goods.img}"></td>
    <td th:text="${goods.price}"></td>
    <td th:text="${goods.priceSpike}"></td>
    <td th:text="${goods.stock}"></td>
    <td><a th:href="@{/goods/{id}/detail(id=${goods.id})}">详情</a></td>
  </tr>
  </tbody>
</table>
</body>
</html>
